<template>
  <div>
    <h2>测试jsonpath</h2>
    <div>{{ test }}</div>
  </div>
</template>

<script>
import { JSONPath } from 'jsonpath-plus/dist/index-browser-esm.js'

export default {
  data() {
    return {
      test: 'test'
    }
  },
  mounted() {
    const jsonData = {
      store: {
        book: [
          {
            category: 'reference',
            author: 'Nigel Rees',
            title: 'Sayings of the Century',
            price: 8.95
          },
          {
            category: 'fiction',
            author: 'Evelyn Waugh',
            title: 'Sword of Honour',
            price: 12.99
          },
          {
            category: 'fiction',
            author: 'Herman Melville',
            title: 'Moby Dick',
            isbn: '0-553-21311-3',
            price: 8.99
          },
          {
            category: 'fiction',
            author: 'J. R. R. Tolkien',
            title: 'The Lord of the Rings',
            isbn: '0-395-19395-8',
            price: 22.99
          }
        ],
        bicycle: {
          color: 'red',
          price: 19.95
        }
      }
    }
    console.log('fesfesf', JSONPath({ path: '$.store.book', json: jsonData }))
  }
}
</script>

<style></style>
